<!--
 * @Description: 主页
 * @Hash: ''
 * @Date: 2021-04-15 11:19:52 +0800
 * @Author: JackChou
 * @LastEditTime: 2021-04-16 14:51:23 +0800
 * @LastEditors: JackChou
-->
<template>
  <div>
    <el-button type="primary" @click="gotoSettings">go to settings</el-button>
  </div>
</template>
<script>
import { ref, reactive, watch, computed } from 'vue'
import { useRouter } from 'vue-router'
export default {
  name: 'Home',
  components: {},
  setup(props, { emit, attrs, slots }) {
    const router = useRouter()
    const gotoSettings = () => {
      router.push({ path: '/settings', query: { id: Math.random().toString(36) } })
    }
    return { gotoSettings }
  },
}
</script>
<style scoped lang="scss"></style>
